﻿{% extends "base/base.html" %}
{% load staticfiles %}

{% block customizedCSS %}
  <!-- this page specific styles -->
    <link rel="stylesheet" href="/static/css/compiled/personal-info.css" type="text/css" media="screen" />
{% endblock %}

{% block content %}
<div class="container-fluid">
            <div id="pad-wrapper">

                <!-- the script for the toggle all checkboxes from header is located in js/theme.js -->
                <div class="table-wrapper products-table section">
                    <div class="row-fluid head">
                        <div class="span12">
                            <h4>交易详细信息</h4>
                        </div>
                    </div>

                    <div class="row-fluid filter-block">
                        <div class="pull-right">
                            <input type="text" class="search" id="query" style="margin-right: 0" value={{query}} />
                            <input type="button" class="btn-glow" id="btn_search" value="查 找"
                            style="height: 25px;line-height: 15px;margin-right: 40px;">
                        </div>
                    </div>

                    <div class="row-fluid">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th class="span1">
                                        <input type="checkbox" />
                                        交易日期
                                    </th>
                                    <th class="span1">
                                        交易类型
                                    </th>
                                    <th class="span2">
                                        <span class="line"></span>收入
                                    </th>
                                    <th class="span2">
                                       <span class="line"></span>支出
                                    </th>
                                    <th class="span2">
                                       <span class="line"></span>货币单位
                                    </th>
                                    <th class="span1">
                                        <span class="line"></span>收益
                                    </th>
                                    <th class="span3">
                                        <span class="line"></span>备注
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- row -->
                                <tr>
                                    <td>
                                        <input type="checkbox" style="margin-top: 4px" />
                                        #{{transations_table.id}}
                                    </td>
                                    <td>
                                        {{ transations_table.trans_datatime}}
                                    </td>
                                    <td>
                                        {{transations_table.trans_type}}
                                    </td>
                                    <td>
                                        {{transations_table.income}}
                                    </td>
                                    <td>
                                        {{transations_table.expenditure}}
                                    </td>
                                    <td>{{transations_table.currency}}</td>
                                    <td>{{transations_table.trans_balance}}</td>

                                    <td class="description">
                                        {{transations_table.memo}}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th class="span1">
                                        账号类型
                                    </th>
                                    <th class="span1">
                                        账号
                                    </th>
                                    <th class="span2">
                                        <span class="line"></span>备注
                                    </th>
                                    <th class="span2">
                                       <span class="line"></span>贷
                                    </th>
                                    <th class="span2">
                                       <span class="line"></span>借
                                    </th>
                                    <th class="span1">
                                        <span class="line"></span>对方账号类型
                                    </th>
                                    <th class="span3">
                                        <span class="line"></span>对方账号
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- row -->
                                {% for trans_line in transations_table.transactionline_set.all %}
                                <tr>
                                    <td>
                                        <input type="checkbox" style="margin-top: 4px" />
                                        #{{trans_line.account_type}}
                                    </td>
                                    <td>
                                        {{ trans_line.account}}
                                    </td>
                                    <td>
                                        {{trans_line.description}}
                                    </td>
                                    <td>
                                        {{trans_line.debit}}
                                    </td>
                                    <td>
                                        {{trans_line.credit}}
                                    </td>
                                    <td>{{trans_line.offset_accont_type}}</td>
                                    <td>{{trans_line.offset_account}}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                <div class="pagination" id="kkpager">
                </div>
                </div>
                <!--  -->
            </div>
        </div>
{% endblock %}
